<template>
  <div>
    <div id="story">
      <!-- 上方图片 -->
      <div class="f1">
        <div class="container">
          <img
            src="https://img.fishfay.com/theme/images/antacom/culture/culture-bg-20191011.jpg"
            alt=""
          />
          <img
            src="https://img.fishfay.com/theme/images/antacom/culture/text-anta-culture-w.svg"
            id="img"
          />
        </div>
      </div>
      <!-- 下方黑色背景 -->
      <div id="bgc">11111</div>
      <!-- 二层文字 -->
      <div class="f2">
        <div class="container">
          <div class="f2-header">
            <router-link v-for="(item,i) in $public.listItem" :key="i" :to="item.url">
            	<img :src="`${$public.baseurl}icon-${item.tab}-${item.tab=='culture' ? 'r' : 'g'}.svg`"/>
            	<p>{{item.name}}</p>
            </router-link>
          </div>
          <div class="duanluo">
            <img
              src="https://img.fishfay.com/theme/images/antacom/culture/2019/1011/culture-01.jpg"
            />
            <div class="wen1">
              <h4>安踏之道</h4>
              <p>以消费者为导向</p>
              <p>以市场地位为目标</p>
              <p>以贡献者为榜样</p>
              <p>以创新为生存之本</p>
            </div>
            <img
              src="	https://img.fishfay.com/theme/images/antacom/culture/2019/1011/culture-02.jpg"
            />
            <div class="wen2">
              <div>
                <h4>愿景</h4>
                <p>成为受人尊重的世界级多品牌体育用品集团</p>
              </div>
              <div>
                <h4>使命</h4>
                <p>将超越自我的体育精神融入每个人的生活</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<style  scoped src="../assets/css/culture.css">
</style>